<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Platinum Theme - Sub Menu Page</title>
<meta name="keywords" content="platinum, sub menu, free templates, website templates, CSS, HTML" />
<meta name="description" content="Platinum Theme, Sub Menu Page, free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

</head>
<body>

<div id="templatemo_wrapper">

    <div id="templatemo_header">
        <div id="site_title"><h1><a href="http://sc.chinaz.com">Free CSS Templates</a></h1></div>
        <div id="templatemo_menu" class="ddsmoothmenu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About Us</a>
                    <ul>
                        <li><a href="submenupage.html" class="selected">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                    </ul>
                </li>
                <li><a href="portfolio.html">Portfolio</a>
                    <ul>
                        <li><a href="submenupage.html" class="selected">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                        <li><a href="submenupage.html">Sub menu 4</a></li>
                        <li><a href="submenupage.html">Sub menu 5</a></li>
                   </ul>
              </li>
              <li><a href="blog.html">Blog</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
            <br style="clear: left" />
        </div> <!-- end of menu -->
    </div> <!-- end of header -->
    
	<div id="templatemo_main_wrapper">
    	<div id="templatemo_main">
          	<div id="content">
				<h2>Lorem Ipsum Dolor Sit Amet</h2>
				<img src="images/templatemo_image_01.png" alt="Image 01" class="image_frame image_fr" />
			  <p><em>Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem, a sodales lectus. Duis sit amet viverra tellus.</em></p>
                <p>Donec ante leo, egestas id adipiscing nec, ornare ut leo. Nunc gravida urna vitae orci pretium vitae pharetra quam commodo. Mauris imperdiet <a href="#">volutpat mauris</a> eget varius. Proin imperdiet cursus posuere. Donec rutrum nulla vitae augue pulvinar tempor. Fusce ultricies, justo ut convallis ultricies, justo est eleifend est, ut placerat nibh tellus in elit. Vivamus sit amet diam sollicitudin erat tincidunt fringilla. Sed eu mi eros, ac feugiat odio. Praesent elementum, est id porttitor pulvinar, odio lectus placerat purus, ac cursus ipsum metus id eros. <a href="#">Cras viverra</a> posuere leo volutpat pharetra. Suspendisse porttitor viverra augue eu rhoncus. Maecenas eros urna, facilisis non accumsan eget, scelerisque sed sapien. Nullam quis tellus elementum libero posuere dictum. Nulla vestibulum laoreet mauris. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
				<div class="cleaner h40"></div>
                <h3>Our Staffs</h3>
                <div class="col_2 float_l">
                    <img class="image_frame image_fl" src="images/templatemo_image_02.png" alt="Staff 01" />
                    <h6>UT SED LOREM</h6>
                    <div class="jobtitle">Marketing Executive</div>
                    <div class="cleaner"></div>
                </div>
                <div class="col_2 float_r">
                    <img class="image_frame image_fl" src="images/templatemo_image_04.png" alt="Staff 02" />
                    <h6>VESTIBULUM MASSA</h6>
                    <div class="jobtitle">Internet Marketing Officer</div>
                    <div class="cleaner"></div>
                </div>
                <div class="cleaner h30"></div>
                <div class="col_2 float_l">
                    <img class="image_frame image_fl" src="images/templatemo_image_05.png" alt="Staff 03" />
                    <h6>AENEAN EGET</h6>
                    <div class="jobtitle">Accountant</div>
                    <div class="cleaner"></div>
                </div>
                <div class="col_2 float_r">
                    <img class="image_frame image_fl" src="images/templatemo_image_07.png" alt="Staff 04" />
                    <h6>CLASS APTENT</h6>
                    <div class="jobtitle">Webmaster</div>
                    <div class="cleaner"></div>
                </div>
                <div class="cleaner h30"></div>
                <div class="col_2 float_l">
                    <img class="image_frame image_fl" src="images/templatemo_image_04.png" alt="Staff 05" />
                    <h6>PELLENTESQE MASSA</h6>
                    <div class="jobtitle">Web Designer</div>
                    <div class="cleaner"></div>
                </div>
                <div class="col_2 float_r">
                    <img class="image_frame image_fl" src="images/templatemo_image_06.png" alt="Staff 06" />
                    <h6>DONEC MOLESTIE ELIT</h6>
                    <div class="jobtitle">Project Manager</div>
                    <div class="cleaner"></div>
                </div>
                <div class="cleaner"></div>
            </div>
            <div id="sidebar">
                <div id="templatemo_search">
                    <form action="#" method="get">
                      <input type="text" value="Search" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
                      <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn"  />
                    </form>
                </div>
                
                <div class="sb_box">
                    <h3>Testimonial</h3>
                    <p class="testimonial">Proin cursus elementum facilisis. Suspendisse malesuada tempor erat, at auctor augue volutpat vel. In lobortis sem ac mi sagittis accumsan. </p>
                    <div class="cleaner"></div>
                    <cite>Juvin <a href="#"><span>- Web Designer</span></a></cite>
            </div>
                <div class="sb_box">
                	<h3>Flickr Stream</h3>
                    <ul class="flickr_stream">
                    	<li><a href="#"><img class="image_frame" src="images/templatemo_image_02.png" alt="Flickr 01" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_03.png" alt="Flickr 02" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_04.png" alt="Flickr 03" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_05.png" alt="Flickr 04" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_06.png" alt="Flickr 05" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_07.png" alt="Flickr 06" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_04.png" alt="Flickr 07" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_02.png" alt="Flickr 08" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_03.png" alt="Flickr 09" /></a></li>
                    </ul>
                    <div class="cleaner"></div>
                    <a href="#" class="more"></a>
                    <div class="cleaner"></div>
                </div>
            </div> <!-- end of sidebar -->
            <div class="cleaner"></div>
        </div> <!-- end of main -->
    </div> <!-- end of main wrapper -->
    
</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    	<a href="#templatemo_header" class="goto_top"></a>
    	<div class="col_4">
        	<h5>Pages</h5>
            <ul class="footer_list">
            	<li><a href="home.html">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contact.html">Contact</a></li>
			</ul>
        </div>
        
        <div class="col_4">
        	<h5>Partners</h5>
            <ul class="footer_list">
            	<li><a href="http://www.flashmo.com/">Free Flash Templates</a></li>
                <li><a href="http://sc.chinaz.com/">Free CSS Templates</a></li>
                <li><a href="http://www.flashmo.com/store">Preminum Templates</a></li>
                <li><a href="http://www.koflash.com/">Website Gallery</a></li>
                <li><a href="http://www.webdesignmo.com/blog/">Web Design Resources</a></li>
			</ul>             
        </div>
        
        <div class="col_4">
        	<h5>Twitter</h5>
            <ul class="twitter_post">
	            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies.</li>
                <li>Proin dignissim, diam nec <a href="#">@TemplateMo</a> enim lorem tempus orci, ac ante purus in justo.</li>
			</ul>
        </div>
        
        <div class="col_4 col_l">
        	<h5>Follow Us</h5>
            <div class="footer_social_button">
                <a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" title="facebook" alt="facebook" /></a>
                <a href="#"><img src="images/flickr.png" title="flickr" alt="flickr" /></a>
                <a href="#"><img src="images/twitter.png" title="twitter" alt="twitter" /></a>
                <a href="#"><img src="images/youtube.png" title="youtube" alt="youtube" /></a>
                <a href="#"><img src="images/feed.png" title="rss" alt="rss" /></a>
			</div>
            <div class="cleaner h40"></div>
            
        	Copyright © 2048 <a href="#">Company Name</a> <br /> 
            <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <br />
            <a href="http://sc.chinaz.com" target="_parent"> Free CSS Templates</a>
      		
		</div>
        
        <div class="cleaner"></div>
    </div>
</div>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div></body>
</html>